@CHARSET "ISO-8859-1";
*{
	margin: 0;padding: 0;
	font-family: Arial, sans-serif;
	color:#4c535b;
}
body {
	background: #FFF;
	font-size: 12px;
	line-height: 22px;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
}
ul,li {margin: 0;padding: 0;}
th,td {padding: 5px;}
h3 {}
h1 {margin-top:5px;margin-bottom:15px;}
input[type="text"], input[type="password"] { padding:5px;}
#top {
	height: 20px;
	padding: 10px;
	padding-right:0;
	background: #C98E11;
}
#admin-top {
	height: 45px;
	padding: 10px;
	padding-right:0;
	background: #C98E11;
}
#header .account, #header .account {
	width: 270px;
	float: right;
	text-align: right;
	position: relative;
	margin:10px 0;
	top: 60px;
}
#header .account .setting, #header .account .setting {
	float:right;
	margin-left:3px;
	top:-5px;
	position: relative;
}
.member-login {
	width:450px;
	margin: auto;
	float: right;
	margin: 20px;
}
.member-login #frm-login {
	padding: 30px 20px 20px 20px;
	border: 1px solid #ccc;
}
.member-login h3{
	margin: 0;
	padding: 10px;
	background: #291670;
}
.member-login #button-login {
	background:#245993;
    border: 1px solid #AABBCC;
    color: #FFFFFF;
    height: 30px;
    width: 80px;
}
.member-login table td {border: none;}
.error {
	background-color: #EFDDA8;
    border: 1px solid #C98C21;
    color: #f00;
    font-size: 12px;
    margin: 5px 0 5px 78px;
    padding: 5px;
    /*width: 270px;*/
    width:auto;
}
.message {
	background-color: #eee;
    border: 1px solid #ccc;
    color: #ababab;
    font-size: 12px;
    margin:20px 0;
    padding: 5px;
    width: 250px;
}

.setting-box {
	margin-left: 100px;
    margin-top: 6px;
    padding: 10px 15px;
    position: absolute;
    width: 150px;
    z-index: 1000;
    border:1px solid #ccc;
    background: #F7F7F7;
}
.setting-box ul {
	list-style: none;
}
.setting-box ul a{
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
}
.setting-box ul a:hover{
	text-decoration: none;
}
#top .account .lable-login {text-transform: uppercase;}
#top .account .login, #admin-top .account .login{
	position: relative;
	 background: #C98E11;
	text-align:left;
	z-index:1000;
	padding: 10px;
	margin-top: 15px;
}

#top .account a, #admin-top .account a{
	color:#fff;
	margin-right: 10px;
}	
#header {
	background: url("images/top-shade.gif") repeat-x scroll left bottom #FFF;
    height: 100px;
}
#header .building {
	width: 285px;
	float: right;
}
.logo {margin-top: 5px; margin-left: 35px;}

/*** TOP MENU ***/
#menu-nav {
	height:36px;
	/*background: #006599;*/
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
#nav {
	/*width: 590px;
	padding-top: 10px;*/
	
}
#nav ul {
	position: relative;
	margin: 0!important;
}
#nav ul li {
	list-style: none;
	position: relative;
	float: left;
}

#nav ul a {
	text-decoration: none;
	font-family: arial, sans-serif;	
	font-size: 12px;
	line-height:16px;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	padding: 10px 17px 10px 17px;
	margin-right: 0px;
	border-right:1px #ccc solid; 
}
#nav ul li#last a { border-right:none; }
#nav ul a:hover {
	background:#EDEDED;
}
#nav ul li#last a:hover { padding-right:40px; } 
#nav ul li.current a { background:#EDEDED; }
#nav ul li#last a { padding-right:40px; }
/**--sub menu--**/
#nav ul .submenu {
	float: left;
    position: absolute;
    top: 36px;
    margin-left:-1px;
    background: #291670;
    width: 190px;
    z-index:10;
    padding-top: 10px;
    padding-bottom: 10px;
}
#nav ul .submenu li, #nav ul .submenu li a {float: none; display: block;}
#nav ul .submenu a {background: #291670;text-transform: none;font-weight: normal;padding: 5px 17px 5px 17px;}
#nav ul .submenu a:hover {background: #C98E11;}
.red-label a {color: #f00;}

.bg-top { background:#291670 repeat-x;height:10px;margin:1px 0; }
/*** END TOP MENU ***/

/*** SLIDESHOW ***/

/*** END SLIDESHOW ***/

/*** SEARCH DESIGN ***/
#search {
	float: right;
	padding: 10px;
	margin-top:10px;
	width: 484px;
	background: #f9f9f9;
	border: 1px solid #ccc;
}
#search table {width:auto;margin:0;}
#search table td {border:none;padding:none;}
#search input[type="text"] {height:20px; width:209px;}
/*** END SEARCH DESIGN ***/

/*** ADMIN LEFT MENU ***/
.left_menu { margin-left:4px; }
.left_menu ul.ul left_menu li { list-style:none;text-decoration:none;/*padding-bottom:15px;*/ }
.left_menu ul.ul left_menu li a { font-size:14px;text-decoration:none;font-weight:bold;padding-bottom:10px; }
.left_menu ul.ul left_menu li img { /*width:30px;height:30px;margin-bottom:-8px;*/ }
/*** END ADMIN LEFT MENU ***/

/*** CONTENT PAGE ***/
.page_title h1 { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;color:#291670;font-size:18px;font-weight:bold;
			   	 border-bottom:1px gray solid;padding-bottom:15px; }
.post_title { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;color:#291670;font-size:16px;font-weight:bold;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;}
.post_description {margin-bottom:5px; }
.post_description a {text-decoration: underline;color:#00f;}
.post_description p {font-size:11px; color:#666;}
.post_description p span { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;color:gray;font-size:15px;padding:1px; }
.resources_title, .lecturers_title { background:#C98E11;width:100%;text-transform:uppercase;text-align:center;color:white;font-weight:bold;font-family:arial,sans-serif;font-size:12px;padding:12px 3px; }
.lecturers_title { margin-top:20px; }
.resources_link { font-family:Helvetica Neue,Arial,Helvetica,sans-serif;color:#291670;font-size:13px;font-weight:bold;
			   	 border-bottom:1px gray dashed;padding-bottom:7px;padding-top:7px; }
#content-container{
	margin-top:1px;
	background: #fff;
	position: relative;
}
#content-left {
	float:left;
	padding: 15px;
	margin-right:20px;
	background: #F4F4F4;
	border-right: 1px solid #ccc;
	height:100%;
	min-height: 600px;
	position: absolute;
}
.class-left {width:90px;}
.class-left-report {width:177px;}
.menu-left {margin-left:5px;}
.menu-left li {list-style-type: square;}
#content-right {
	margin:15px;
	width:200px;
	float:right;
}
#content-main {
	padding:17px;
}
.control-amendment, .control-appraisal, .control-sal-increase {margin-top: 10px;}
.content-margin-left { margin-left: 130px; }
.content-margin-left-report { margin-left: 215px; }
.content-margin-right { margin-right: 225px; }
.alert-info {margin: 15px 0;}
.contract-details dt { font-weight:bold; float:left; line-height: 25px;} 
.contract-details dd { margin-left:225px; line-height: 25px;} 
/*** END CONTENT PAGE ***/

/*** TABLE ***/
.td-right {width: 150px;}
.td-right img {width: 150px; margin-bottom:5px;border: 1px solid #ccc;}
.staff-profile img {
	float: left;
	width: 150px;
	height: 150px;
	/*border: 1px solid #006599;*/
	margin: 0 10px 10px 5px;
}
.staff-profile tr ul
{
	margin-left: 220px;
	list-style-type: none;
}
p.comment {
	clear: both;
	border-top: 3px solid #006599;
	padding: 10px 0;
}
/*** FOOTER ***/
#footer {
	background: url("images/bottom-shade.gif") repeat-x scroll left top transparent;
    clear: both;
    height: 40px;
	width:100%;
	bottom: 0px;
	left: 0px;
	z-index:1;
	position: fixed;
	}
#footer  p {color:#666;font-size: 13px; text-align: right;padding-top: 10px;margin-right: 50px;} 
#footer div.copy a {color:#fff;font-size: 11px;}
#footer div.copy a:hover {text-decoration: none;}
#footer ul {float: right;position: relative;bottom: 5px;}
#footer li {display: inline;list-style-type: none;}
/*** END FOOTER ***/


/**Modified boostrap style*/
.form-search{
	float: right;
}
